import React from 'react';

// 学习目标：html 字符串绑定，把 html 字符串变成真正的元素
const htmlStr = '<h1>标题字符串</h1>';

// 要实现把 html 字符串变成真正的元素渲染
// 固定用法：dangerouslySetInnerHTML={{__html: htmlStr}}

function App() {
  return (
    <div className="App">
      {/* 错误的写法：直接以字符串的方式显示 */}
      {htmlStr}
      {/* 正确的写法：dangerouslySetInnerHTML={{ __html: 变量 }} */}
      <div dangerouslySetInnerHTML={{__html: htmlStr}}></div>
    </div>
  );
}
export default App;
